<template>
  <!-- 用户详情 首页 -->

  <el-row :gutter="20">
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">姓名: </div><div class="info_detail_value">{{ userInfo.name || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">身份证号: </div><div class="info_detail_value">{{ userInfo.idCardNo || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">护照号: </div><div class="info_detail_value">{{ userInfo.passportNo || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">联系电话: </div><div class="info_detail_value">{{ userInfo.linkPhone || '-' }}</div></el-col>
    <!-- 1：男 2：女 0：不详 -->
    <!-- 智能推断为字典类型, 字典类型为 dict.sys_user_info_sex -->
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">性别: </div><div class="info_detail_value">{{ dict.label.sex[userInfo.sex] || '未知字典码:'+userInfo.sex }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">省id: </div><div class="info_detail_value">{{ userInfo.provinceId || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">市id: </div><div class="info_detail_value">{{ userInfo.cityId || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">县id: </div><div class="info_detail_value">{{ userInfo.countyId || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">街道: </div><div class="info_detail_value">{{ userInfo.countyName || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">详细地址: </div><div class="info_detail_value">{{ userInfo.address || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">qq号: </div><div class="info_detail_value">{{ userInfo.qqNo || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">微信号: </div><div class="info_detail_value">{{ userInfo.weixiNo || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">头像: </div><div class="info_detail_value">{{ userInfo.avatar || '-' }}</div></el-col>
    <el-col :xs="24" :sm="12" :md="8"><div class="info_detail_name">备注: </div><div class="info_detail_value">{{ userInfo.remark || '-' }}</div></el-col>
  </el-row>

</template>

<script>
// 用户详情 - model
export const defaultUserInfo = {
  id: null, // 用户关联id
  name: null, // 姓名
  idCardNo: null, // 身份证号
  passportNo: null, // 护照号
  linkPhone: null, // 联系电话
  sex: 0, // 性别 1：男 2：女 0：不详
  provinceId: null, // 省id
  cityId: null, // 市id
  countyId: null, // 县id
  countyName: null, // 县级以上名字，中间用-分割
  address: null, // 详细地址
  qqNo: null, // qq号
  weixiNo: null, // 微信号
  avatar: null, // 头像
  remark: null, // 备注
  lockVersion: 0,
  createTime: null,
  createUserName: null,
  updateTime: null,
  updateUserName: null,
  // _parentInfo: {},
  isDel: 0

}
export default {
  dicts: [
    'sex'
  ], // 字典
  props: {
    userInfo: {
      type: Object,
      default: () => { return defaultUserInfo }
    }
  },
  data() {
    return {

    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>

</style>
